  <template>
    <div>

      <el-card class="box-card" v-for="item in Data" :key="item.ID" >
      <template #header>
        <div class="card-header">
          <span>{{ item.RuleName }}  {{ item.RunTime }}  {{item.status}}</span>
        </div>
      </template>
      <div class="text item">传送数据:<br>{{ item.Data }}</div>
      <div class="text item">接收数据:<br>{{ item.Rec }}</div>
    </el-card></div>

  </template>
<script>
import {reactive, ref, toRefs} from 'vue'
import {} from "/@/api/linkoo/form";

export default {
  name: 'Postlog',
  props: ['Data'],
  setup(props, ctx) {
   let pseDatas=ref([])
    let state = reactive({

      status:false,
    })
    // watch( props, (ovl, evl) => {
    //   console.log('dddd', evl.Data)
    //   // if (state.status) {
    //   //
    //   //   state.status = false
    //   // }
    // })
    const load = (data) => {



    }
    // onBeforeMount(()=> {//十六进制颜色随机
    //   console.log(props.data)
    //   getPostLog(props.data).then(res => {
    //     console.log(res)
    //   })
    // })
    return {
      ...toRefs(state),
      load
    }
  }
}
</script>
  <style>
  .card-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .text {
    font-size: 14px;
  }

  .item {
    margin-bottom: 18px;
  }

  </style>